<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>快乐购 - 注册</title>

		<!-- CSS -->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/default.min.css" />
		<script src="js/jquery-3.2.1.js" type="text/javascript " charset="utf-8"></script>
 		<script src="js/register.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!-- 导航条开始 -->
		<nav class="navbar navbar-expand navbar-light bg-light">
			<div class="container">
				<a href="index.html" class="navbar-brand">
					<img src="img/logo.png" alt="Happy Go" />
				</a>
				<div class="navbar-text">
					<span>欢迎来到快乐购！&nbsp;</span>
				</div>
				<div class="navbar-nav">
					<a href="login.html" class="nav-item nav-link">登录</a>
				</div>
				<img src="img/top_center.jpg" class="img-responsive ml-auto d-none d-lg-inline" />
			</div>
		</nav>
		<!-- //导航条结束 -->

		<!-- 页面主体部分 -->
		<div class="container mt-2">
			<div class="row">
				<div class="col order-md-last">
					<h4>
						<span class="text-danger">注册快乐购</span>
					</h4>
					<span>有快乐购账号?</span>
					<a href="login.html">去登录</a>

					<form  class="mt-2" id="zc-form">
						<div class="form-group form-row">

							<label for="login" class="col-form-label col-form-label-sm pr-2 mr-2">用户名</label>
							<input name="login" id="login" class="col form-control form-control-sm" required="required" autofocus="autofocus"
							 value="请输入" />
						</div>

						<div class="form-group form-row">
							<label for="pwd" class="col-form-label col-form-label-sm pr-3 mr-3">密码</label>
							<input name="pwd" id="pwd" type="password" class="col form-control form-control-sm" required="required" />
						</div>

						<div class="form-group form-row">
							<label for="pwd2" class="col-form-label col-form-label-sm">确认密码</label>
							<input name="pwd2" id="pwd2" type="password" class="col form-control form-control-sm" required="required" />
						</div>

						<div class="form-group form-row">
							<label for="code" class="col-form-label col-form-label-sm pr-2 mr-2">验证码</label>
							<div class="col p-0 pl-1 input-group input-group-sm">
								<input name="code" id="code" class="form-control form-control-sm" required="required" />
								<div class="input-group-append">
									<img src="img/vcode-test.png" alt="验证码"  title="单击刷新验证码" class="img-fluid input-group-text bg-light" />
								</div>
							</div>
						</div>

						<div class="form-group form-row">
							<label id="login-error-message" class="text-danger ml-5 pl-3">* 用户名已被占用</label>
						</div>
						<div class="form-group form-row justify-content-end">
							<button class="btn btn-sm btn-outline-success" id="zc-bt">注册快乐购</button>
						</div>
					</form>
				</div>

				<div class="col-md-7">
					<img src="img/register_img.jpg" class="img-thumbnail img-responsive" style="width: 100%;" />
				</div>
			</div>
		</div>
		<!-- //页面主体部分结束 -->

		<!-- 页面脚部部分 -->
		<div style="height:800px;margin: 0px auto">
			<iframe src="footer.html" scrolling="no"  style="width: 100%;height: 100%;border: 0px"></iframe>
		</div>
		<!-- //页面脚部部分结束 -->
	</body>
</html>
